<template>
	<div class="index">
		<div style="display: flex;">
			<h4>商城页面</h4>
			<!-- <img src="../../头像.png" @click="login"> -->
			<div>
				<input type="text" id="key" style="width: 430px; height: 32px; margin-left: 120px;" />
				<button>
					<img src="" />
				</button>
			</div>
		</div>
		<div style="display: flex; margin-left: 170px;width: 100%;">
			<div style="text-align: center;width:10% ;">
				<a>京东生鲜</a>
			</div>
			<div style="text-align: center;width:10% ;">
				<a>京东生鲜</a>
			</div>
			<div style="text-align: center;width:10% ;">
				<a>京东生鲜</a>
			</div>
			<div style="text-align: center;width:10% ;">
				<a>京东生鲜</a>
			</div>
			<div style="text-align: center;width:10% ;">
				<a>京东生鲜</a>
			</div>
			<div style="text-align: center;width:10% ;">
				<a>京东生鲜</a>
			</div>
			<div style="text-align: center;width:10% ;">
				<a>京东生鲜</a>
			</div>
		</div>
		<div style="height: 500px; width: 100%;background-color: #dcdcdc;">
			
		</div>
	</div>
</template>

<script>
	export default {
		name: 'index',
		data() {
			return {

			}
		}
	}
</script>

<style scoped>
	.index {}

	.index a {}
</style>